<template>
	<view class="login">
		<button class="wxq-btn loginWx" open-type="getUserInfo" @getuserinfo="getUserInfo">一键登录</button>
		<button class="wxq-btn goback">取消登录</button>
		<!-- <button open-type=""></button> -->
	</view>
	
</template>

<script>
	 import {  
	        // mapState,  
	        mapMutations  
	    } from 'vuex';  
	export default{
		  // computed: {  
		  //           ...mapState(['userInfo'])
		  //       },
		data(){
			return{
				code:'',//微信临时登录凭证
			}
		},
		onLoad:function(){
			// uni.login({
			// 	success: (res) => {
					
			// 		if (res.errMsg == "login:ok") {
			// 			console.log("login"+res.code);
			// 			this.code = res.code;
			// 		} else {
			// 			uni.showToast({
			// 				title: '系统异常，请联系管理员!'
			// 			})
			// 		}
			// 	}
			// })
		},
		methods:{
			...mapMutations(['login']),
			//微信授权登录
			getUserInfo(e){
				console.log('333333333222233333333333333');
				console.log(e);
				let that = this;
				var p = this.getSetting();
				
				p.then(function(isAuth) {
					console.log('是否已经授权', isAuth);
					if (isAuth) {
						
						uni.login({
							success: (res) => {
								
								if (res.errMsg == "login:ok") {
									
									// console.log("login"+res.code);
									// this.code = res.code;
									
									console.log('用户信息，加密数据', e);
									//eData  包括//微信头像//微信名称 还有加密的数据.
									let eData = JSON.parse(e.detail.rawData);
									console.log('==============');
									// console.log(wxLoginCode);
									//接下来就是访问接口.
									uni.request({
										header: {
											'content-type': 'application/x-www-form-urlencoded'
										},
										url: 'https://st.lingyuncmy.com/wxlogin/'+res.code, //你的接口地址
										method: 'POST',//接口类型 
										// data: {
										// 	'js_code':res.code
										// }, //接口需要的数据
										success: function(res) {
											console.log(res);
											if (res.data.code == 1) {
												uni.setStorageSync('openid', res.data.data.openid);
												// that.login(res.data); //将接口返回的数据保存在全局变量中.
												//登录成功跳转首页或者你想跳转的地方... 
												//注意：如果时导航页 请用uni.switchTab
												// 		其他页面建议使用uni.reLaunch
											} else {
												uni.showToast({
													title: '授权登录失败！',
													mask: true,
													icon: 'none'
												})
											}
													
													
										}
													
									})
									
								} else {
									uni.showToast({
										title: '系统异常，请联系管理员!'
									})
								}
							}
						})
						
						
						
						
					} else {
						uni.showToast({
							title: '授权失败，请确认授权已开启',
							mask: true,
							icon: 'none'
						})
					}
				});
			},
			//获取用户的当前设置
			getSetting() {
				return new Promise(function(resolve, reject) {
					uni.getSetting({
						success: function(res) {
							if (res.authSetting['scope.userInfo']) {
								console.log('1存在');
								console.log(res);
								
								resolve(true);
							} else {
								console.log('不存在');
								resolve(false);
							}
						}
					})
				}).catch((e) => {
					console.log(e)
				});
			},
			
		},
		
		
	}
</script>

<style lang="scss">
	.login{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	/* .login{
		width: 750rpx;
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.goback{
		width: 90%;
		background:#eee;
		color: #333;
		margin-bottom: 24rpx;
	}
	.loginWx{
		width: 90%;
		background: #04BE02;
		margin-bottom: 24rpx;
	} */
</style>